<template>
	<view class="pb-waterfall">
		<slot name="template"></slot>
		<slot name="empty"></slot>
		
	</view>
</template>

<script>
	export default {
		name:"pb-waterfall",
		props:{
			/**
			 * 列数
			 */
			columns:{
				type:[Number, String],
				default:2
			},
			/**
			 * 间距
			 */
			gap:{
				type:[Number, String],
				default:10
			},
			/**
			 * 高度计算方式
			 * Function：函数调用方式计算高度
			 * Number：固定高度：rpx
			 * String：固定高度CSS样式
			 */
			height:{
				type:[Function, Number, String],
			},
			list:{
				/**
				 * 列表
				 */
				type:[Array, Object],
				default:()=>[]
			},
			/**
			 * 总数
			 */
			count:{
				type:[Number, String],
				default:0,
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.pb-waterfall{
	display: gird;
	grid-template-columns: 1fr 1fr;
}
</style>
